<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <title>邀请好友加入联盟</title>
  <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0' />
  <link rel="stylesheet" href="css/inviteJoin.css" />
 <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
  <script type="text/javascript" src="js/adapter.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

</head>

<body>
  <div class="content">
    
  </div>
<!-- 弹框 -->
 
  <div class="invite">
    <div class="arrow">
      <img src="img/arrow.png" alt="">
    </div>
    <div class="tipTxt">邀请好友加入联盟</div>
    <div class="tipBox">
      <div class="close"><img src="img/closeBox.png" alt=""></div>
      <div class="innerBox">
        <!--<div class="subLogo"><img src="img/logo.png" alt=""></div>-->
       <div class="teamInfo">
        <div class="name">联盟名称：</div>
        <div class="member">成员：**个</div>
        <div class="certain">荣誉值：**分</div>
       </div>
        <div class="scanImg"><img src="img/qrCode.png" /></div>

      </div>
    </div>
  </div>
  <script>

    var app = new Vue({
      el: '.content',
      data: {
        items: [
          { id: 1,name:"奖品名称",src:"img/itemImg.png", stock: 30,number:500,time:"**h**m**s" },
          { id: 2,name:"奖品名称",src:"img/itemImg.png", stock: 30,number:500, time:"**h**m**s" },
          { id: 3,name:"奖品名称",src:"img/itemImg.png", stock: 30,number:500,time:"**h**m**s" },
        ]
      }
    })
  </script>
  <script type="text/javascript">
  	$(".close").click(function(){
  		$(".invite").hide()
  	})
  </script>

</body>

</html>